<!DOCTYPE html>
<html>
<head>
{include file="public/meta"} 
{include file="public/seos"}     
{include file="public/include"}
</head>
<body class="{if$conch['topic']['detail']['bg']==1}conch-hasbg {/if}conch-hasone">
{include file="public/head"}
<div id="conch-content" class="conch-content">
    <div class="conch-ctwrap-auto">
        <div class="hl-has-item">
            {if$conch['topic']['detail']['bg']==1}
            <div class="hl-topbg">
                <span class="hl-topbg-pic" style="background-image:url({:mac_url_img($obj.topic_pic)}"></span>
                <span class="hl-topbg-mask"></span>
            </div>{/if}
            <div class="container">
                {include file="ads/ads-all"}
                <div class="hl-row-box clearfix">         
                    <div class="hl-topic-content hl-wide-items clearfix">
                        <div class="row">
                            <div class="hl-topic-thumb hl-col-xs-12 hl-col-sm-6 hl-col-md-40w hl-col-lg-4 hl-hidden-xs">
                                <span class="hl-item-thumb hl-lazy" title="{$obj.topic_name}" data-original="{:mac_url_img($obj.topic_pic)}">
                                </span>
                            </div>
                            <div class="hl-topic-main hl-col-xs-12 hl-col-sm-6 hl-col-md-60w hl-col-lg-8">
                                <h2>{$obj.topic_name}</h2>
                                <div class="hl-topic-pic">
                                    {maccms:vod num="3" ids="'.$obj['topic_rel_vod'].'" order="desc" by="time"}
                                    <div class="hl-topic-k hl-topic-k{$key}">
                                        <span class="hl-item-thumb hl-lazy" data-original="{:mac_url_img($vo.vod_pic)}"></span>
                                    </div>
                                    {/maccms:vod}
                                </div>
                                {include file="widget/tool-icon"}
                                <div class="hl-content-wrap hl-content-hide">
                                    <span class="hl-content-text"><em>{$obj.topic_content|mac_filter_html}</em></span>
                                    <a class="hl-show-text hl-text-muted" href="javascript:void(0)" style="display: none"><i class="hl-mbg"></i><i class="iconfont hl-icon-jiantouxia"></i><em class="hl-hidden-xs">展开</em></a>
                                </div>
                            </div>
                        </div>
                    </div>   
                </div>
            </div>
        </div>
    </div>
    <div class="conch-ctwrap hl-pa0">
        <div class="container">
            {if$obj.vod_list|count>0}
            <div class="hl-row-box hl-rb-vod clearfix">
                <div class="hl-rb-head clearfix">
                    <h3 class="hl-rb-title">该专题包含的影片</h3>
                    <span class="hl-rb-total hl-text-muted">共有<em class="hl-total hl-text-conch">{$obj.vod_list|count}</em>条数据</span>
                </div>
                <div class="row">
                    <div class="hl-list-wrap">
                        <ul class="hl-vod-list clearfix">
                        {maccms:foreach name="$obj.vod_list"}
                            <li class="hl-list-item hl-col-xs-4 hl-col-sm-3 hl-col-md-20w hl-col-lg-2">
                            {include file="widget/vod-item"}
                            </li>
                        {/maccms:foreach}
                        </ul>
                    </div>
                </div>
            </div>
            {/if}
            {if$obj.art_list|count>0}
            <div class="hl-row-box hl-rb-art clearfix">
                <div class="hl-rb-head clearfix">
                    <h3 class="hl-rb-title">该专题包含的文章</h3>
                    <span class="hl-rb-total hl-text-muted">共有<em class="hl-total hl-text-conch">{$obj.art_list|count}</em>条数据</span>
                </div>
                <div class="row">
                    <div class="hl-list-wrap hl-list-grid">
                        <ul class="hl-art-list clearfix">
                        {maccms:foreach name="$obj.art_list"}
                            <li class="hl-list-item hl-col-xs-12 hl-col-sm-3 hl-col-md-20w hl-col-lg-2">
                            {include file="widget/art-item"}
                            </li>
                        {/maccms:foreach}
                        </ul>
                    </div>
                </div>
            </div>
            {/if}
            {if$conch['topic']['detail']['new']==1}
            <div class="hl-row-box hl-rb-reltopic clearfix">
                <div class="hl-rb-head clearfix">
                    <h3 class="hl-rb-title">
                        最新专题
                    </h3>
                    <a class="hl-rb-more hl-text-muted hl-pull-right" href="{:mac_url('topic/index')}">更多<i class="iconfont hl-icon-jiantouyou"></i></a>
                </div>
                <div class="row">
                    <div class="hl-list-wrap">
                        <ul class="hl-topic-list hl-wide-list clearfix">
                            {maccms:topic num="4" order="desc" by="time"}
                            <li class="hl-list-item hl-col-xs-12 hl-col-sm-6 hl-col-md-4 hl-col-lg-3">
                            {include file="widget/topic-item"}
                            </li>
                            {/maccms:topic}
                        </ul>
                    </div>
                </div>
            </div>
            {/if}
        </div>
    </div>
    <span style="display:none" class="mac_ulog_set" alt="设置内容页浏览记录" data-type="1" data-mid="{$maccms.mid}" data-id="{$obj.topic_id}" data-sid="" data-nid=""></span>
    <span style="display:none" class="mac_history_set" alt="设置History历史记录" data-name="{$obj.topic_name}" data-pic="{$obj.topic_pic|mac_url_img}"></span>
</div>
{include file="public/foot"}
</body>
</html>